<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="ot" uri="http://www.tgb.com/OprationTrans" %>
<c:set var="ctx" value="${pageContext.request.contextPath}"/>
<%--默认样式，侧边导航栏--%>
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>卓远网络</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <link rel="shortcut icon" href="${ctx}/static/images/favicon.ico"/>
    <%@include file="base/base.jspf" %>
    <style>
        .layui-layout-admin .layui-header .layui-nav.layui-layout-right .layui-nav-child .layui-this a{
            background-color: #f2f2f2;
        }
    </style>
</head>
<body class="layui-layout-body">
<div id="LAY_app">
    <div class="layui-layout layui-layout-admin layui-layout-admin1">
        <div class="layui-header">
            <!-- 头部区域 -->
            <ul class="layui-nav layui-layout-left">
                <li class="layui-nav-item layadmin-flexible" lay-unselect>
                    <a href="javascript:void(0);" layadmin-event="flexible" title="侧边伸缩">
                        <i class="layui-icon layui-icon-shrink-right" id="LAY_app_flexible"></i>
                    </a>
                </li>
                <li class="layui-nav-item" lay-unselect>
                    <a href="javascript:void(0);" layadmin-event="refresh" title="刷新">
                        <i class="layui-icon layui-icon-refresh-3"></i>
                    </a>
                </li>
            </ul>
            <ul class="layui-nav layui-layout-right" lay-filter="layadmin-layout-right">
                <li class="layui-nav-item layui-hide-xs" lay-unselect>
                    <a href="javascript:void(0);" layadmin-event="note">
                        <i class="layui-icon layui-icon-note"></i>
                    </a>
                </li>
                <li class="layui-nav-item layui-hide-xs" lay-unselect>
                    <a href="javascript:void(0);" layadmin-event="fullscreen">
                        <i class="layui-icon layui-icon-screen-full"></i>
                    </a>
                </li>
                <li class="layui-nav-item" lay-unselect>
                    <a href="javascript:void(0);">
                        <cite>${user.usrName}</cite>
                    </a>
                    <dl class="layui-nav-child">
                        <dd><a href="javascript:void(0);" id="toUserInfoPage">基本资料</a></dd>
                        <dd><a href="javascript:void(0);" id="toChangePasswordPage">修改密码</a></dd>
                        <hr>
                        <dd layadmin-event="logout" style="text-align: center;"><a>退出</a></dd>
                    </dl>
                </li>
            </ul>
        </div>

        <!-- 侧边菜单 -->
        <div class="layui-side layui-side-menu layui-side-menu-new">
            <div class="layui-side-scroll">
                <div class="layui-logo index-logo">
                    <img width="150px" height="50px" src="${ctx}/static/images/logo.png">
                </div>

                <ul class="layui-nav layui-nav-tree" lay-shrink="all" id="LAY-system-side-menu"
                    lay-filter="layadmin-system-side-menu">
                    <c:forEach var="permission" items="${permissions}">
                        <c:if test="${permission.resPId == 0 }">
                            <c:choose>
                                <c:when test="${ot:hasSons(permission.resId)}">
                                    <li data-name="home" class="layui-nav-item " lay-filter="layadmin-system-side-menu">
                                        <a href="javascript:void(0);" lay-tips="${permission.resName }" lay-direction="2">
                                            <i class="layui-icon iconfont"> <c:choose>
                                                <c:when test="${empty permission.resIcon }">
                                                    &#xe6ae;
                                                </c:when>
                                                <c:otherwise>
                                                    ${permission.resIcon }
                                                </c:otherwise>
                                            </c:choose>
                                            </i>
                                            <cite>${permission.resName }</cite>
                                        </a>
                                        <dl class="layui-nav-child">
                                            <c:forEach var="sub_permission" items="${permissions }">
                                                <c:if test="${(sub_permission.resPId == permission.resId) && (sub_permission.resPId != 0)}">
                                                    <dd data-name="console">
                                                        <a lay-href="${ctx}/${sub_permission.resPath}"><i
                                                                class="iconfont">
                                                            <c:choose>
                                                                <c:when test="${empty sub_permission.resIcon }">
                                                                    &#xe6ae;
                                                                </c:when>
                                                                <c:otherwise>
                                                                    ${sub_permission.resIcon }
                                                                </c:otherwise>
                                                            </c:choose>
                                                        </i>${sub_permission.resName}</a>
                                                    </dd>
                                                </c:if>
                                            </c:forEach>
                                        </dl>
                                    </li>
                                </c:when>
                                <c:otherwise>
                                    <li data-name="get" class="layui-nav-item">
                                        <a href="javascript:void(0);" lay-href="${ctx}/${permission.resPath }"
                                           lay-tips="${permission.resName }" lay-direction="2">
                                            <i class="layui-icon iconfont"> <c:choose>
                                                <c:when test="${empty permission.resIcon }">
                                                    &#xe6ae;
                                                </c:when>
                                                <c:otherwise>
                                                    ${permission.resIcon }
                                                </c:otherwise>
                                            </c:choose>
                                            </i>
                                            <cite>${permission.resName }</cite>
                                        </a>
                                    </li>
                                </c:otherwise>
                            </c:choose>
                        </c:if>
                    </c:forEach>
                </ul>
            </div>
        </div>
        <!-- 页面标签 -->
        <div class="layadmin-pagetabs layadmin-pagetabs1" id="LAY_app_tabs">
            <div class="layui-icon layadmin-tabs-control layui-icon-prev" layadmin-event="leftPage"></div>
            <div class="layui-icon layadmin-tabs-control layui-icon-next" layadmin-event="rightPage"></div>
            <div class="layui-icon layadmin-tabs-control layui-icon-down">
                <ul class="layui-nav layadmin-tabs-select" lay-filter="layadmin-pagetabs-nav">
                    <li class="layui-nav-item" lay-unselect>
                        <a href="javascript:void(0);"></a>
                        <dl class="layui-nav-child layui-anim-fadein">
                            <dd layadmin-event="closeThisTabs"><a href="javascript:void(0);">关闭当前标签页</a></dd>
                            <dd layadmin-event="closeOtherTabs"><a href="javascript:void(0);">关闭其它标签页</a></dd>
                            <dd layadmin-event="closeAllTabs"><a href="javascript:void(0);">关闭全部标签页</a></dd>
                        </dl>
                    </li>
                </ul>
            </div>
            <div class="layui-tab" lay-unauto lay-allowClose="true" lay-filter="layadmin-layout-tabs">
                <ul class="layui-tab-title" id="LAY_app_tabsheader">
                    <li lay-id="showPage" lay-attr="showPage" class="layui-this"><i
                            class="layui-icon layui-icon-home"></i><cite></cite></li>
                </ul>
            </div>
        </div>
        <!-- 主体内容 -->
        <div class="layui-body" id="LAY_app_body">
            <div class="layadmin-tabsbody-item layui-show">
                <iframe src="${ctx}/equipment/equipmentListPage" frameborder="0" class="layadmin-iframe"></iframe>
            </div>
        </div>
        <!-- 辅助元素，一般用于移动设备下遮罩 -->
        <div class="layadmin-body-shade" layadmin-event="shade"></div>
    </div>
</div>

<script type="text/javascript">
    layui.config({
        base: "${ctx}/static/framework/layuiadmin/" //静态资源所在路径
    }).extend({
        index: "lib/index" //主入口模块
    }).use("index", function () {
        $("#toUserInfoPage").click(function () {
            layer.open({
                type: 2,
                title: "个人信息修改",
                content: "${ctx}/user/userSubmitPage?selfInfo=1&id=${user.usrId}",
                area: ["850px", "700px"],
                btn: ["确定", "取消"],
                yes: function (index, layero) {
                    layero.find("iframe").contents().find("#user-front-submit").trigger("click");
                }
            });
        });



        $("#toChangePasswordPage").click(function () {
            layer.open({
                type: 2,
                title: "密码修改",
                content: "${ctx}/user/changePasswordPage",
                area: ["650px", "350px"],
                btn: ["确定", "取消"],
                yes: function (index, layero) {
                    layero.find("iframe").contents().find("#password-front-submit").trigger("click");
                }
            });
        });
    });
</script>
</body>
</html>

